<style>
    .panel {
        width: 1240px;
        margin: auto;
    }

    .contents-senddetail {
        align-items: center;
        margin: 0 auto;
        background: #fff;
        box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.11);
        border-radius: 6px;
        margin-top: 20px;
    }

    .title {
        display: flex;
        padding-top: 30px;
        align-items: center;
        margin-bottom: 29px;
    }

    .title .devider-title {
        margin-left: 30px;
        width: 4px;
        height: 16px;
        background: #1a96ff;
    }

    .title .title-name {
        height: 22px;
        font-size: 18px;
        font-weight: 500;
        color: #333;
        line-height: 22px;
        margin-left: 6px;
    }

    .contents-senddetail .detail-stauts {
        display: flex;
        margin-left: 30px;
        margin-right: 30px;
    }

    .contents-senddetail .detail-type {
        display: flex;
        width: 50%;
    }

    .el-button-group {
        display: inline-block;
        vertical-align: middle;
    }

    .contents-senddetail .detail-type .detail-type-button {
        padding: 0;
        font-size: 14px;
    }

    .contents-senddetail .confirm {
        width: 106px;
        height: 34px;
        font-size: 12px;
        font-weight: 400;
        color: #1f1f1f;
        margin-right: -1px;
    }

    .el-button-group > .el-button:not(:last-child) {
        margin-right: -1px;
    }

    .el-button-group > .el-button:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .el-button-group > .el-button {
        float: left;
        position: relative;
    }

    .el-button {
        display: inline-block;
        line-height: 1;
        white-space: nowrap;
        cursor: pointer;
        background: #fff;
        border: 1px solid #dcdfe6;
        color: #606266;
        -webkit-appearance: none;
        text-align: center;
        box-sizing: border-box;
        outline: 0;
        margin: 0;
        transition: .1s;
        font-weight: 500;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        padding: 12px 20px;
        font-size: 14px;
    }

    .contents-senddetail .detail-operator {
        width: 50%;
        display: flex;
        justify-content: flex-end;
    }

    .nav-tabs {
        border-bottom: 0;
    }

    .el-button-group .el-button:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

    .nav > li > a :last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-radius: 4px;

    }

    .nav > li > a :first-child {
        border-radius: 4px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .nav > li > a {
        position: relative;
        display: block;
        line-height: 31px;
        padding: 0;
        margin: 0;
        color: #444;
        outline: none;
        border-radius: 0px;
    }

    .nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus {
        color: #444;
        background: none;

    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        color: #fff;
        background: #1a96ff;
        border: 1px solid #1a96ff;
        cursor: pointer;
        border-radius: 0px;
    }

    .panel-body {
        padding: 30px;
    }

    table {
        border: 1px solid #ebeef5;
    }

    .table-striped > tbody > tr:nth-of-type(odd) {
        background: none;
        border-collapse: separate;
    }


    td {
        border-right: 1px solid #ebeef5;
        vertical-align: inherit !important;
    }

    .btn-primary, .btn-primary:hover, .btn-primary:focus {
        color: #fff;
        background-color: #1a96ff;
        border-color: #1a96ff;
        width: 120px;
        cursor: pointer;
        outline: none;
    }

    .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
        color: #fff;
        background-color: #1a96ff;
        border-color: #1a96ff;
        outline: none;
    }
</style>
<div class="panel panel-default panel-intro">
    <div class="common-content contents-senddetail">
        <div class="title">
            <div class="devider-title"></div>
            <div class="title-name">公司信息</div>
        </div>


        <div class="panel-body">
            <div id="myTabContent" class="tab-content">
                <!--@formatter:off-->
                <div class="tab-pane fade active in" id="tab-basic">
                    <div class="widget-body no-padding">
                        <form id="basic-form" class="edit-form form-horizontal nice-validator n-default n-bootstrap">
                            <table class="table table-striped">
                                <tbody>
                                <tr data-favisible="" data-name="name" class="">
                                    <td>公司名称</td>
                                    <td>
                                        <div class="row">
                                            <div class="col-sm-8 col-xs-12">
                                                <input type="text" name="company_name" value="{$list.company|default=''}" class="form-control"  data-rule="required"
                                                       data-tip="请填写公司名称">
                                            </div>
                                            <div class="col-sm-4"></div>
                                        </div>

                                    </td>
                                </tr>
                                <tr data-favisible="" data-name="name" class="">
                                    <td>社会统一信用代码</td>
                                    <td>
                                        <div class="row">
                                            <div class="col-sm-8 col-xs-12">
                                                <input type="text" name="company_card" value="{$list.idcard|default=''}" class="form-control"
                                                       data-tip="请填写社会统一信用代码">
                                            </div>
                                            <div class="col-sm-4"></div>
                                        </div>

                                    </td>
                                </tr>
                                <tr data-favisible="" data-name="name" class="">
                                    <td>经营地</td>
                                    <td>
                                        <div class="row">
                                            <div class="col-sm-8 col-xs-12">
                                                <input type="text" name="company_address" value="{$list.area|default=''}" class="form-control"
                                                       data-tip="请填写经营地">
                                            </div>
                                            <div class="col-sm-4"></div>
                                        </div>

                                    </td>
                                </tr>
                                <tr data-favisible="" data-name="name" class="">
                                    <td>详细地址</td>
                                    <td>
                                        <div class="row">
                                            <div class="col-sm-8 col-xs-12">
                                                <input type="text" name="company_info" value="{$list.address|default=''}" class="form-control"
                                                       data-tip="请填写详细地址">
                                            </div>
                                            <div class="col-sm-4"></div>
                                        </div>

                                    </td>
                                </tr>
                                <tr data-favisible="" data-name="name" class="">
                                    <td>请填写移动端标题</td>
                                    <td>
                                        <div class="row">
                                            <div class="col-sm-8 col-xs-12">
                                                <input type="text" name="company_seo" value="{$list.seo|default=''}" class="form-control"
                                                       data-tip="请填写移动端标题">
                                            </div>
                                            <div class="col-sm-4"></div>
                                        </div>

                                    </td>
                                </tr>
                                </tbody>
                            </table>
                            <div class="layer-footer">
                                <button type="button" class="btn btn-primary">确定</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>